var oBtns = $("#play .ul1 li");
var oUl = $("#play .ul2");
var oLis = $("#ul2 li");
var now = 0; // 当前显示图片的索引

let timer;

oBtns.click(function() {
    now = $(this).index();
    tab();
});

$(".play").mouseenter(function() {
    clearInterval(timer);
    $(".arrow").css("display", "block");
}).mouseleave(function() {
    $(".arrow").css("display", "none");
    timer = setInterval(function() {
        now++;
        tab();
    }, 3000);
});

// 定时器
function iLunbo() {
    timer = setInterval(function() {
        now++;
        tab();
    }, 3000);
}


/*左箭头控制轮播*/
$(".left").click(function() {
    clearInterval(timer);
    if (now == 0) {
        now = oBtns.length;
    }
    now--;
    tab();
});

/*右箭头控制轮播*/
$(".right").click(function() {
    clearInterval(timer);
    if (now == oBtns.length - 1) {
        now = -1;
    }
    now++;
    tab();
});

function tab() {
    oBtns.attr("class", "").eq(now).attr("class", "active");
    if (now == oBtns.length) {
        oBtns.eq(0).attr("class", "active");
    }
    oUl.stop(false, true).animate({
        left: now * -1536
    }, 500, function() {
        // 判断是否是最后一张图片
        if (now == oBtns.length) {
            now = 0;
            oUl.css("left", 0);
        }
    });
}

// // 手机验证登录和账号密码登录的切换 
// $(".loginTitle h2").eq(1).click(function() {
//     $(this).attr("class", "active");
//     $(this).siblings().attr("class", "");

//     $(".loginTab").children().eq(0).find("label").html("手机号码");
//     $(".loginTab").children().eq(1).find("label").html("账号密码");

//     $(".loginTab").children().eq(1).find("a").css({ display: "none" });
// });

// $(".loginTitle h2").eq(0).click(function() {
//     $(this).attr("class", "active");
//     $(this).siblings().attr("class", "");

//     $(".loginTab").children().eq(0).find("label").html("手机");
//     $(".loginTab").children().eq(1).find("label").html("手机验证码");

//     $(".loginTab").children().eq(1).find("a").css({ display: "block" });
// });

// $("span:contains('记住我的信息')").prev().click(function() {
//     $(this).toggleClass("iactive");
// });

// $("span:contains('我已阅读并')").prev().click(function() {
//     $(this).toggleClass("iactive");
// });

// // 点击input框，清除提示信息
// $(".loginTab input").eq(0).click(function() {
//     $(".loginTab label").eq(0).html("");
// });

// $(".loginTab input").eq(1).click(function() {
//     $(".loginTab label").eq(1).html("");
// });

// $("#phone").click(function() {
//     $(this).next().html("");
// });

// $("#code").click(function() {
//     $(this).next().html("");
// });

// $("#pass").click(function() {
//     $(this).next().html("");
// });


// $(".zhuce").click(function() {
//     $(".loginRight").css({ display: "block" });
// })

// $(".fanhui").click(function() {
//     $(".loginRight").css({ display: "none" });
// });

// // 随机验证码
// var codeStr = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789';
// var oA = $("a:contains('获取验证码')");

// // 用来生成随机整数
// function getRandom(n, m) {
//     n = Number(n);
//     m = Number(m);
//     // 确保 m 始终大于 n
//     if (n > m) {
//         var temp = n;
//         n = m;
//         m = temp;
//     }
//     return Math.floor(Math.random() * (m - n) + n);
// }
// // 将随机生成的整数下标对应的字母放入i中
// function getCode() {
//     var str = '';
//     // 验证码有几位就循环几次
//     for (var i = 0; i < 4; i++) {
//         var ran = getRandom(0, 62);
//         str += codeStr.charAt(ran);
//     }
//     oA.html(str);
// }

// // 点击获取验证码显示(刷新)验证码
// oA.click(function() {
//     getCode();
// });
// // 点击注册/返回让验证码消失
// $(".forget").click(function() {
//     oA.html("获取验证码")
// });

// // 注册页
// $(".btn-res").click(function() {
//     if ($("#code").val() == $("#icode").html()) {
//         if ($(".icon>i").eq(1).hasClass("iactive") && $(".icon>i").eq(2).hasClass("iactive")) {
//             $.ajax({
//                 type: "POST",
//                 url: "res.php",
//                 data: {
//                     phone: $("#phone").val(),
//                     icode: $("#icode").html(),
//                     pwd: $("#pass").val()
//                 },
//                 success: function(msg) {
//                     console.log(msg);
//                     if (msg === "1") {
//                         alert("注册成功");
//                         console.log($("#id1").next().html());
//                         t1 = setTimeout(function() {
//                             location.replace("login.html");
//                         }, 50);
//                     } else {
//                         alert("注册失败,请重新注册");
//                     }
//                 }
//             });
//         } else {
//             alert("请勾选全部会员规则,隐私声明及使用条款");
//         }

//     } else {
//         console.log($("#code").html());
//         alert("验证码错误");
//     }
// });


// $(".weixin").parent().mouseover(function() {
//     $(".weixin").next().css({
//         display: "block"
//     });
// });

// $(".weixin").parent().mouseleave(function() {
//     $(".weixin").next().css({
//         display: "none"
//     });
// });

// // 详情页商品点击切换
// for (var i = 0; i < $(".scrollList div").length; i++) {
//     $(".scrollList div").eq(i).click(function() {
//         $(this).attr("class", "listImgBorder");
//         $(this).siblings().attr("class", "");

//         // console.log($(this).index());
//         $(".mask").next().attr("src", "img/info-scrollList-" + parseInt($(this).index() + 1) + ".jpg");
//     });
// }


// $("#pro-top").click(function() {
//     $(".scrollList").css({
//         top: 0
//     });
// });

// $("#pro-bottom").click(function() {
//     $(".scrollList").css({
//         top: -72
//     });
// });